<template>
    <el-table border :data="menuPermissionList">
        <el-table-column label="名称" prop="name" />
        <el-table-column label="权限值" />
        <el-table-column label="跳转权限值" />
        <el-table-column label="操作">
            <template v-lost="{}">
                <el-button type="primary" :icon="Plus"></el-button>
                <el-button type="primary" :icon="Edit"></el-button>
                <el-button type="danger" :icon="Delete"></el-button>
            </template>
        </el-table-column>
    </el-table>
</template>

<script lang="ts">
export default {
    name: 'Permission'
}
</script>
<script lang="ts" setup>
import { ref, onMounted } from 'vue'
import { Plus, Edit, Delete } from '@element-plus/icons-vue'
import { reqGetPermission } from '@/api/acl/permission'
const Permission1List = ref([])
const menuPermissionList = ref([])
const getPermission = async () => {
    const result = await reqGetPermission()
    console.log(result.children);
    // menuPermissionList.value = result.children
}

onMounted(() => {
    getPermission()
})
</script>

<style>
</style>